@forward 'element-plus/theme-chalk/src/common/var.scss' with (
  $colors: (
    'primary': (
      'base': #0052d9,
    ),
    'success': (
      'base': #00a870,
    ),
    'warning': (
      'base': #ebb105,
    ),
    'danger': (
      'base': #e34d59,
    ),
    'error': (
      'base': #e34d59,
    ),
    'info': (
      'base': #a6a6a6,
    )
  ),
);
@use "element-plus/theme-chalk/src/index.scss" as *;


$PrimaryColor:#0052d9; // 按钮
$SecondColor:#d4e3fc;

$PrimaryTextColor:#2c3e50;
// $SecondTextColor:#5e6d82; 
$white:#ffffff;
$grey_1:#eeeeee;
$grey_2:#c5c5c5;
$grey_3:#a6a6a6;
$blue:#0052d9;
$red:#e34d59;
$orange:#ed7b2f;
$green:#00a870;
$purple:#834ec2;
$yellow:#ebb105;
$pink:#ed49b4;
$skyblue:#0594fa;

$xp-red:#ff605c;
$xp-green:#00ca4e;
$xp-yellow:#ffbd44;

$large:20px;
$medium:16px;
$small:14px;
$mini:12px;

$BackgroundColor:var(--el-bg-color);
$SecondBackgroundColor:var(--el-bg-color-second);
$TextColor:var(--el-text-color);
$ShadowColor:var(--el-shadow-color);
$PageBackgroundColor:var(--el-bg-color-page);
$MaskBackgroundColor:var(--el-bg-color-mask);
$SecondTextColor:var(--el-text-color-second);